<template>



    <a-list item-layout="horizontal" :data-source="showUserList.item" :grid="{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 }" >
        <template #renderItem="{ item }">
            <a-card hoverable >
                <template #cover>
                    <img alt="example" :src="gege" />
                </template>
                <a-card-meta :title="item.username">
                    <template #description>{{ item.phone }}用户</template>
                </a-card-meta>
            </a-card>

        </template>
    </a-list>


</template>

<script lang="ts" setup>
import gege from "../assets/鸡哥.png"

defineProps(['showUserList'])

</script>

<style lang="scss" scoped></style>